<template>
  <div>
    <top-movie :arr="arr"><p class="title">近期最受期待</p></top-movie>
    <preshow></preshow>
  </div>
</template>

<script>
import TopMovie from "../../components/TopMovie";
import Preshow from "../../components/Preshow";
export default {
  name: "DaiYing",
  components: {
    TopMovie,
    Preshow,
  },
  data() {
    return {
      arr: [],
    };
  },
  async created() {
    let res = await this.$axios.get("./json/qidai.json");
    this.arr = res.data.coming;
  },
};
</script>

<style scoped>
.title {
  width: 9.2rem;
  height: 21px;
  font-size: 14px;
  color: #333;
  line-height: 21px;
  margin-bottom: 12px;
}
</style>